@cweili-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "Microsoft Yahei";
@cweili-font-size: 16px;

body {
  font-family: @cweili-font-family;
  font-size: @cweili-font-size;
  padding-top: 70px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: @cweili-font-family;
}

.navbar-right > .btn-group {
  padding-top: 8px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border-color: darken(@brand-info, 15%);
  #gradient > .horizontal(@start-color: @brand-info; @end-color: darken(@brand-info, 15%));
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: darken(@brand-info, 15%) !important;
}

.modal-footer > .msg > .alert {
  padding: 3px 25px;
  margin: 0;
  text-align: left;
}

.loginForm {
  max-width: 630px;
  padding: 15px;
  margin: 0 auto;
}

.loginForm .form-control {
  position: relative;
  font-size: @cweili-font-size;
  height: auto;
  padding: 10px;
  .box-sizing(border-box);
}

.loginForm .form-control:focus {
  z-index: 2;
}

.loginForm input[type="text"] {
  margin-bottom: -1px;
  .border-bottom-radius(0);
}

.loginForm input[type="password"] {
  margin-bottom: 10px;
  .border-top-radius(0);
}